<template>
  <div id="withdraw">
    <div class="withdraw-box">
      <NavBar
        title="提现"
        right-text="提现明细"
        left-arrow
        @click-left="onClickLeft"
        @click-right="onClickRight"
      />
      <Cell title="USDT提现" size="large" is-link icon="location-o" to="./withdrawUSDT" />
      <Cell title="AUD提现" size="large" is-link icon="location-o" to="./withdrawAUD" />
      <div class="hint">
        <p>温馨提示</p>
        <p>交易量还差1798.00</p>
      </div>
    </div>
  </div>
</template>
<script>
import { NavBar, Toast, Cell } from "vant";
export default {
  components: {
    NavBar,
    Toast,
    Cell,
  },
  data() {
    return {};
  },
  created() {},
  methods: {
    // 返回
    onClickLeft() {
      this.$router.go(-1);
    },

    // 跳转提现明细
    onClickRight() {
      this.$router.push({
        path: "./withdrawinfo",
      });
    },
  },
};
</script>
<style lang="less" scoped>
#withdraw {
  width: 100vw;
  height: 100vh;
  background-color: #f7f6fb;
  /deep/.van-cell {
    background-color: #f7f6fb;
  }
  /deep/.van-cell::after {
    border: #e5e5e5 1px solid;
  }
  .hint {
    background-color: #fff;
    padding: 10px;
    margin-top: 5px;
  }
}
</style>